$(function() {
	/**
	 * jquery方法：addClass() addClass() 方法向被选元素添加一个或多个类。该方法不会移除已存在的 class
	 * 属性，仅仅添加一个或多个 class 属性。 如需添加多个类，请使用空格分隔类名。
	 */
	$("#login").addClass("current");

	/**
	 * 正则检验邮箱 email 传入邮箱 return true 表示验证通过
	 */
	function check_email(email) {
		if (/^[\w\-\.]+@[\w\-]+(\.[a-zA-Z]{2,4}){1,2}$/.test(email)) {
			return true;
		}
	}

	/**
	 * input 按键事件keyup
	 */
	$("input[name]").keyup(function(e) {
		// 禁止输入空格 把空格替换掉(空格的ASCII为32)
		if ($(this).attr('name') == "password" && e.keyCode == 32) {
			$(this).val(function(i, v) {
				return $.trim(v);
			});
		}
		if ($.trim($(this).val()) != "") {
			$(this).nextAll('span').eq(0).css({
				display : 'none'
			});
		}
	});

	// 错误信息
	var succ_arr = [];

	/**
	 * input失去焦点事件focusout 这跟blur事件区别在于，他可以在父元素上检测子元素失去焦点的情况。
	 */
	$("input[name]").focusout(function(e) {
		var msg = "";
		if ($.trim($(this).val()) == "") {
			if ($(this).attr('name') == 'userName') {
				succ_arr[0] = false;
				//msg = "登入名为空";
			} else if ($(this).attr('name') == 'password') {
				succ_arr[1] = false;
				//msg = "密码为空";
			}
		} else {
			if ($(this).attr('name') == 'userName') {
				succ_arr[0] = true;
			} else if ($(this).attr('name') == 'password') {
				succ_arr[1] = true;
			}
		}
		$(this).nextAll('span').eq(0).css({
			display : 'block'
		}).text(msg);
	});
	$.fn.serializeObject = function() {
		var o = {};
		var a = this.serializeArray();
		$.each(a, function() {
			if (o[this.name]) {
				if (!o[this.name].push) {
					o[this.name] = [ o[this.name] ];
				}
				o[this.name].push(this.value || '');
			} else {
				o[this.name] = this.value || '';
			}
		});
		return o;
	};
	/**
	 * Ajax用户注册
	 */
	$("button[type='button']").click(function() {
		$("input[name]").focusout(); // 让所有的input标记失去一次焦点来设置msg信息
		for (x in succ_arr) {
			if (succ_arr[x] == false && x == 1) {
				alert("密码不能为空！");
				return;

			} else if (succ_arr[x] == false) {
				alert("用户名不能为空！");
				return;
			}

		}
		// $("#login").removeClass("current");
		var data = $('#login').serialize(); // 序列化表单元素
		var _json = JSON.stringify($('#login').serializeObject());

		$.ajax({
			type : "POST",
			url : "login.do",
			dataType : 'text',
			data : data,
			success : function(msg) {
				var json = eval(msg); // 数组
				var _islogin = false;
				$.each(json, function(index, item) {
					// 循环获取数据
					_islogin = json[index].islogin;
				});
				if (_islogin == true) {
					$(window.location).attr('href', 'home.do');
				} else {
					alert("password or username is incorrect,try again");
					//$("[data-toggle='popover']").popover();
				}
			},
			error : function(msg) {
				alert("connect fail");
			}
		});
		/**
		 * 有兴趣的可以到这里 自行发送Ajax请求 实现注册功能
		 */
	});

});